<!--
 * @Author: lbz_dev 1982212843@qq.com
 * @Date: 2023-11-14 15:08:57
 * @LastEditors: lbz_dev 1982212843@qq.com
 * @LastEditTime: 2023-11-27 10:44:17
 * @FilePath: \fct\src\views\Home\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div id="map"></div>
  <div class="layerIcon" @click="showLayerTree">
    <img src="../../assets/image/layer.png">
  </div>
  <Measure class="Measure"></Measure>
  <analysis3d></analysis3d>
</template>

<script setup>
import { onMounted } from "vue";
import { initMap } from "@/utils/commen.js";
import Measure from "views/Tools/Measure/index.vue";
import analysis3d from "views/Tools/3dAnalysis/index.vue"
onMounted(() => {
  initMap();
});
const showLayerTree =()=>{
  
}
</script>
<style scoped>
.layerIcon{
  position: absolute;
  bottom: 300px;
  left: 30px;
  z-index: 9;
  cursor: pointer;
}
#map {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.Measure {
  position: absolute;
  z-index: 9;
  left: 50%;
  transform: translateX(-50%);
  bottom: 30px;
}
</style>
